// 上面这个代码处理过度动画（默认加上不用管）
document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    document.body.classList.add('sidenav-pinned')
    document.body.classList.add('ready')
  }, 200)
})

// 每个页面都会导入该js 统一的设置写这里即可

// 拦截器 携带token
//  添加请求拦截器
 axios.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    config.headers.Authorization = localStorage.getItem("user-token");
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    
    // console.dir(error);
    // 如果学生认证有误 清除本地存储并返回登录页面
    if (error.response.status===401) {
      localStorage.removeItem('user-token')
      localStorage.removeItem('user-name')
      window.location.href='./login.html'
    }
    return Promise.reject(error);
  }
);


  //  本地存储 用户名渲染
  const username = localStorage.getItem("user-name");
  // console.log(username);
  const userDom= document.querySelector(".d-none>span")

  userDom &&(userDom.innerHTML = username)
  
 


// 删除本地存储 退出登录
const logOut=document.querySelector('#logout')
// 逻辑短路 判断是否有logOut
  logOut && (logOut.onclick=function(){
    localStorage.removeItem('user-name')
    localStorage.removeItem('user-token')
   window.location.href='./login.html'
})
function tips(msg) {
  const toastBox = document.querySelector("#myToast");
  // console.log(toastBox);
  // bootstrap轻提示
  document.querySelector(".toast-body").innerHTML = msg;
  const toast = new bootstrap.Toast(toastBox, {
    animation: true, // 开启过渡动画
    autohide: true, // 开启自动隐藏
    delay: 3000, // 3000ms后自动隐藏
  });
  toast.show();
}

  // 设置基地址
  axios.defaults.baseURL = "http://ajax-api.itheima.net";

   // 隐藏密码切换按钮
   let flag = 1;
   const pasDom=document.querySelector(".bi-eye-fill")

    pasDom && (pasDom.onclick = function () {
      if (flag == 1) {
        document.querySelector("#input-password").type = "text";
        flag = 0;
      } else {
        document.querySelector("#input-password").type = "password";
        flag = 1;
      }
      // console.log(flag);
    });
   
  

